<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>关于我们</title>
<link rel="stylesheet" href="/home/css/style.css" >
<link rel="stylesheet" href="/home/css/jquery.bxslider.css" >
<link rel="stylesheet" href="/home/css/reset.css">
<script type="text/javascript" src="/home/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/home/js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="/home/js/jquery-1.7.2.min.js"></script>
</head>

<body>
<!--头部-->


@include('home.header')
   <div class="top_gywm">
   			<ul>
            	<li class="gywm_left">
                	<div class="gywm_liebiao">
                    	<ul>
                        	<li class="gywm_lbname"><span class="spa">关于我们 </span><span class="spb">adout us</span></li>
                            <li class="gywm_lb">
                            	<div>
                                	<ul>
                                	@foreach($data as $key => $val)
                                	<li><a href="#" onClick="toggle('{{$key+1}}')">{{$val ->name}}</a></li>
                                    @endforeach
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
					<div class="lxwm_liebiao">
                    	<ul>
                        	<li class="lxwm_lianxi"><span class="spa">联系我们</span><span class="spb">adout us</span></li>
                            <li class="lxwm_lb">
                            	<div>
                                	<ul>
                                	<li class="lxwm_rexian">服务热线：4000 580 100</li>
                                    <li class="lxwm_yj">邮件：hsdl@163.com</li>
                                    <li class="lxwm_images"><img src="/home/images/lxwm.png" /></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
					
                </li>
                @foreach($data as $key => $val)

                <li class="gywm_right" id="div{{$key+1}}"
                 @if($key == 0) style="display:block" @else style="display:none" @endif>
						<div class="gywm_xp"></div>
						<div class="gywm_rightName">
							<ul>
								<li class="gyName">{{$val ->name}}</li>
								<li class="gyyou"></li>
							</ul>
						</div>
						<div class="gyimages">
								<ul>
									<!-- <li class="gyrcln">
                          				<img src="/home/images/3000_2.png" alt="qweqweqwe" />
                                    </li> -->
                                    <li class="gyrneiron">
                          					{!!$val ->contents!!}
                                    </li>
								</ul>
						</div>
						</li>
					 @endforeach	
                      
                      
                    
                
                
 			</ul>
 </div> 

 @include('home.footer')   
	<br />
</div>
<script language="JavaScript" type="text/JavaScript">
 function toggle(targetid){
 	document.getElementById("div"+targetid).style.display="block";        
 	for(var i =1;i<=8;i++){
		if(targetid != i){
			document.getElementById("div"+i).style.display="none";
		}
	}
 }
 </script>	

<script type="text/javascript">
	$(function(){
		$(".hr2list dt").click(function(){
			if($(this).find(".hr2zt img").attr("src") == "/home/images/ico12.gif"){
				$(this).removeClass("dq").find(".hr2zt img").attr("src","/home/images/ico09.gif").end().next("dd").hide();
			}else{
				$(".hr2list dt").removeClass("dq").find(".hr2zt img").attr("src","/home/images/ico09.gif").end().next("dd").hide();
				$(this).addClass("dq").find(".hr2zt img").attr("src","/home/images/ico12.gif").end().next("dd").show();
			}
		});
	});
</script>
<script type="text/javascript">
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	
	}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);
   
}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;
  </script>
<SCRIPT src="/home/js/jquery.bxslider.min.js" type=text/javascript></SCRIPT>
<script type="text/javascript">
$('.bxslider1').bxSlider({
  auto:true,
  infiniteLoop: true,
  hideControlOnEnd: true
});
</script>   

</body>
</html>
